/* 根容器背景色 */
.border-pane {
    -fx-background-color: #f0f8ff; /* 淡蓝色背景 */
}

/* 输入框样式 */
.text-field {
    -fx-font-size: 14px;
    -fx-padding: 8px;
    -fx-border-color: #ccc;
    -fx-border-radius: 4px;
}

/* 按钮样式 */
.button {
    -fx-font-size: 14px;
    -fx-padding: 8px 16px;
    -fx-background-color: #4CAF50; /* 绿色按钮 */
    -fx-text-fill: white;
    -fx-border-radius: 4px;
}

.button:hover {
    -fx-background-color: #45a049; /*  hover时加深颜色 */
}

/* 删除按钮特殊样式 */
.button:pseudo-class("delete") {
    -fx-background-color: #f44336; /* 红色删除按钮 */
}

.button:pseudo-class("delete"):hover {
    -fx-background-color: #d32f2f;
}

/* 列表视图样式 */
.list-view {
    -fx-background-color: white;
    -fx-border-color: #ddd;
    -fx-border-radius: 4px;
}

/* 复选框文本样式 */
.check-box {
    -fx-font-size: 14px;
    -fx-padding: 5px;
}